﻿body, html, #container {
    height: 100%;
    margin: 0px;
    padding: 0px;
}
body {
    font-size: .85em;
    font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
    color: #232323;
    background-color: #fff;
    background-image: url('Img/bg-white.jpg');
}

    body > #container {
        height: auto;
        min-height: 100%;
    }

header {
    padding: 0px;
    margin: 0px;
    min-height: 150px;
    background-color: #232323;
    background-image: url('Img/bg-black.jpg');
}


ul {
    margin: 0px;
    padding: 0px;
}

h1 {
    margin: 0px;
}

header, footer, nav, section {
    display: block;
}

/* Header
----------------------------------------------------------*/
header {
    height: 175px;
    background-color: black;
    text-align: center;
}

#logo {
    display: block;
    height: 150px;
    width: 150px;
    background-image: url('Img/logo.png');
    background-repeat: no-repeat;
    margin: 0 auto -20px;
}
/* Navigation
----------------------------------------------------------*/
nav {
    margin:0px;
    padding:0px;
}
    nav > ul > li {
        display: inline;
    }

        nav > ul > li > a {
            text-decoration: none;
            color: #ddd;
        }

.menu-point {
    color: black;
    background-color: #696;
    padding: 1px 10px;
    margin: 3px;
}

.menu-point-admin {
    color: white;
    background-color: #966;
    padding: 1px 10px;
    margin: 3px;
}
/* Footer
----------------------------------------------------------*/
footer {
    clear: both;
    position: relative;
    z-index: 10;
    height: 25px;
    padding: 25px;
    margin-top: -75px;
    text-align: center;
    font-size: .75em;
    color: #ddd;
    background-color: #232323;
    background-image: url('Img/bg-black.jpg');
}

    footer > a {
        text-decoration: none;
        color: #ddd;
    }
        footer > a:hover {
            text-decoration: underline;
            color: #ddd;
        }
/* Content 
-----------------------------------------------------------*/
/* Comment
-----------------------------------------------------------*/

/* Common tools
-----------------------------------------------------------*/
.end {
    clear: both;
}
.btn-panel {
    text-align: center;
}
.btn {
    display: inline-block;
    margin: 5px;
    padding: 3px 10px;
    border: solid 1px #666;
    text-decoration: none;
    color: #232323;
    cursor: pointer;
    border-radius: 2px;
    font-weight: bold;
}

.btn-black {
    color: #DDD;
    background-color: #232323;
    border: #000;
}
.btn-green {
    color: #232323;
    background-color: #4cff00;
    border: #40fa00;
}
.small-text {
    font-size: .8em;
    padding: 0px 9px;
    text-align: justify;
}

/*MenuController
-----------------------------------------------------------*/
.category {

}

.category-name {
    font-size: 1.5em;
    font-weight: bold;
    text-align: right;
    padding: 5px 20px;
    background-color: #333;
    background-image: url('Img/bg-black.jpg');
    color: #CCC;
    background-color: #ff6a00;
    border-bottom: solid 2px #ff6a00;
    border-top: solid 2px #ff6a00;
}

.sushi {
    width: 220px;
    height: 135px;
    background-color: #FFF;
    float: left;
    margin: 10px;
    overflow: hidden;
    cursor: move;
}

    .sushi > img {
        padding: 0px;
        margin: 0px;
    }

.sushi-admin-cover {
    width: 940px;
    height: 135px;
    margin: 9px;
    position: relative;
}

.sushi-admin {
    border: solid #666 1px;
    width: 940px;
    height: 135px;
    background-color: #FFF;
    background-repeat: no-repeat;
    float: left;
    margin: 0px;
    overflow: hidden;
    position: absolute;
}
    .sushi-admin > img {
        float: left;
        padding: 0px;
        margin: 0px;
    }

.sushi-info {
    margin-top: 95px;
    height: 80px;
    width: 220px;
    text-align: center;
    background-image: url('Img/opacity05.png');
    border-top: solid 1px #666;
    color: white;
}

.sushi-photo-admin {
    width: 220px;
    height: 135px;
    float: left;
    display: inline;
}

.sushi-info-admin {
    margin-left: 10px;
    margin-top: 10px;
    width: 700px;
    text-align: left;
    background-color: #fff;
    border-top: solid 1px #666;
    color: white;
    float: left;
}
    .sushi-info-admin > input {
        /*margin: 0;*/
        border: none;
        border-bottom: dotted #999 1px;
        color: black;
    }

.sushi-name-label-admin {
    color: black;
}
.sushi-price-label-admin {
    color: black;
}

.sushi-name-admin {
    width: 400px;
    margin-right: 18px;
}

.sushi-price-admin {
    width: 150px;
}

/* News
-----------------------------------------------------------*/
#news-container {
    width: 700px;
    padding: 10px;
    padding-right: 9px;
    border-right: solid 1px #CCC;
    float: left;
}

#news-image {
}
#news-text {
    padding: 40px;
    text-align: justify;
}
#news-title {

}
#news-column {
    float: left;
    width: 220px;
    padding: 10px;
}

/* Guest
-----------------------------------------------------------*/
.guest-container {
    width: 500px;
    margin: 0px auto;
}
.guest-comment {
    border-bottom: solid 1px #000;
    margin: 5px;
    padding: 0px 25px;
}
.admin-comment {
    text-align: right;
    color: red;
    font-style: italic;
    border-top: dotted #FAA 1px;
}
.in-container {
    width: 450px;
    display: block;
    margin: 0px auto;
}
.in-container-admin {
    width: 450px;
    display: block;
    margin: 0px auto;
    border: dotted 1px #FAA;
}
#new-comment {
    text-align: center;
    background-color: #232323;
    color: #CCC;
    font-weight: bold;
    cursor: pointer;
    padding: 5px 25px;
}
#new-comment-fieldset {
    display: none;
}
    
/* RenderBody()
-----------------------------------------------------------*/
#main-content {
    width: 960px;
    background-color: #FFF;
    /*overflow: hidden;*/
    z-index: 0;
    margin: 0 auto;
    padding-bottom: 75px;
}

/* Styles for basic forms
-----------------------------------------------------------*/
fieldset {
    border: 1px solid #ddd;
    padding: 0 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
}

legend {
    font-size: 1.2em;
    font-weight: bold;
}

textarea {
    min-height: 75px;
}

.editor-label {
    margin: 1em 0 0 0;
}

.editor-field {
    margin: 0.5em 0 0 0;
}


/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #f00;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #f00;
    background-color: #fee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #f00;
}

.validation-summary-valid {
    display: none;
}
